angular css animation

49

$ npm install animate.css

/*To include it in your project you can add it in angular.json:*/
"styles": [
	"node_modules/animate.css/animate.min.css",
    "styles.css"
]

/*or link it in index.hmtl:*/
<link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
  
/*After that just use the animations in the html files:*/
<h1 class="animate__animated animate__bounce">An animated element</h1>

/*Here you find all the possible animations and the available options:*/
https://animate.style/

Comments

Submit
0 Comments